﻿<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8"/>
<link rel="stylesheet" href="cssdtree/dtree.css" type="text/css"></link>
  
	<link href="css/bootstrap.css" rel="stylesheet">
	<link rel="stylesheet" href="css/main.css">

	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.min.js"></script>

	<title>公司/部门视图</title>

</head>
<body>
<div id="" style="width:900px;margin:auto;">
	
<div style="background-color:#efefef;height:85px">	
<form id="" method="post" action="">
   <div  >
     <table class="table table-hover">
        <tr>
            <td class="">按名片所有者查询：</td>
            <td>
                  <select name="active" >      
                      <option value="own" selected="selected" >自己所有名片</option>
					  <option value="all" >全体</option>
					  <option value="2">国内开发部</option>
                      <option value="1">日本开发部</option>
                  </select>
		    </td>
          
        </tr>
        <tr>
                    <td>按名片中的公司名查询：</td>
		 <td><input type="text" name="" value="" /></td>
                         <td> <button type="submit"  class="btn btn-primary btn-sm">查看视图</button></td>
   	</tr>
              
      
   	  </table>
            
   	
  </div>
</form>
</div>

    	</div>
<div style="width:900px;margin:auto;">

<script type="text/javascript" src="cssdtree/dtree.js"></script>
<script>
/*
tree.add(id,pid,name,url,title,target,icon,iconOpen,open);
id        ：节点自身的id
pid       ：节点的父节点的id
name      ：节点显示在页面上的名称
url       ：节点的链接地址
title     ：鼠标放在节点上所出现的提示信息
target    ：节点链接所打开的目标frame（如框架目标mainFrame或是_blank,_self之类）
icon      ：节点关闭时的显示图片的路径
iconOpen  ：节点打开时的显示图片的路径
open      ：布尔型，节点是否打开（默认为false）
------------------------------------------------
东城区、西城区、崇文区、宣武区、朝阳区、丰台区、石景山区、
海淀区、门头沟区、房山区、通州区、顺义区、 昌平区、
大兴区、怀柔区、平谷区 、 密云县、延庆县
------------------------------------------------
*/
</script>
<script type="text/javascript">
tree = new dTree('tree');//创建一个对象.
tree.add("1","-1","中国计算机总公司","","","","","",false);
tree.add("11","1","人事部","","","","","",false);
tree.add("110","11","东城区计算机公司","连接地址可以从数据库里面动态查询出来..","东城区","打开目标位置");
tree.add("111","11","西城区计算机公司","连接地址可以从数据库里面动态查询出来..","","链接在哪里显示");
tree.add("112","11","崇文区计算机公司","连接地址可以从数据库里面动态查询出来..","","mainFrame");
tree.add("113","11","宣武区计算机公司","","","_blank");
tree.add("114","11","朝阳区计算机公司","/.jsp","","mainFrame");
tree.add("115","11","丰台区计算机公司","/.jsp","","mainFrame");
tree.add("116","11","石景山区计算机公司","/.jsp","","mainFrame");
tree.add("117","11","海淀区计算机公司","/.jsp","","mainFrame");
tree.add("118","11","门头沟区计算机公司","/.jsp","","mainFrame");
tree.add("119","11","房山区计算机公司","/.jsp","","mainFrame");
tree.add("120","11","通州区计算机公司","/.jsp","","mainFrame");
tree.add("121","11","顺义区计算机公司","/.jsp","","mainFrame");
tree.add("122","11","昌平区计算机公司","/.jsp","","mainFrame");
tree.add("123","11","大兴区计算机公司","/.jsp","","mainFrame");
tree.add("124","11","怀柔区计算机公司","/.jsp","","mainFrame");
tree.add("125","11","平谷区计算机公司","/.jsp","","mainFrame");
tree.add("126","11","延庆县计算机公司","/.jsp","","mainFrame");
tree.add("127","11","密云县计算机公司","/.jsp","","mainFrame");
//==================================================
tree.add("12","1","营业部","","","","","",false);
tree.add("121","12","初大宝","javascript:调用本页内的js函数","","mainFrame");
tree.add("122","12","高兮然");
//====================================================
tree.add("13","1","财务部","","","","","",false);
tree.add("131","13","武汉计算机公司","javascript:void()","","mainFrame");
tree.add("132","13","宜昌计算机公司","javascript:void()","","mainFrame");
tree.add("133","13","孝感计算机公司","javascript:void()","","mainFrame");
//===================================================
tree.add("14","1","技术部","","","","","",false);
tree.add("141","14","佛山计算机公司","javascript:void()","","mainFrame");
document.write(tree);
</script>
</div>




</div>	
<body>
</html>
